﻿@charset "utf-8";
/* core */
.tgkj_core{padding: 40px 0;}
.tgkj_core_con{display: flex;justify-content:space-between; flex-wrap: nowrap;margin-top: 40px;}
.tgkj_core_con dl{width: 375px;height: 365px;background: #2cadc0;box-sizing: border-box;padding: 30px;color: #fff;text-align: center;transition: all 0.3s;margin-top: 0;cursor: pointer;}
.tgkj_core_con dl em{font-size: 60px;font-family: 'Times New Roman', Times, serif;font-style: normal;font-weight: bold;}
.tgkj_core_con dl dt{font-size: 24px;border-bottom: 1px solid #fff;line-height: 1;padding:10px 0 20px;margin-bottom: 20px;}
.tgkj_core_con dl dd{width: 100%;text-align: left;font-size: 16px;line-height: 2;}
.tgkj_core_con dl:hover{margin-top: -15px;}

/* tgkj_product */
.tgkj_product{position: relative;padding:40px 0 0;box-sizing: border-box;background: url(../images/p_bg.jpg) no-repeat center top;min-height: 660px;background-size: cover;}
.tgkj_product .content{padding-top: 20px;}
.tgkj_product .parHd{width: 100%;position: relative;box-sizing: border-box;text-align: center;}
.tgkj_product .parHd ul{width: 100%;padding: 20px 0;position: relative;z-index: 3;}
.tgkj_product .parHd ul li{border: 1px solid #efefef; box-sizing: border-box;line-height: 40px;margin-bottom: 20px;display: inline-block;padding: 0 30px;background: #fff;}
.tgkj_product .parHd ul li+li{margin-left: 2%;}
.tgkj_product .parHd ul li a{font-size: 15px;}
.tgkj_product .parHd ul li.on {background: #2cadc0;}
.tgkj_product .parHd ul li.on a{color: #fff;}
.tgkj_product .slideBox-item{ overflow:hidden; zoom:1; padding:0 0 20px 50px; position:relative;   }
.tgkj_product .sPrev,.tgkj_product .sNext{ position:absolute; left:5px; top:40%; display:block; width:30px; height:94px;  }
.tgkj_product .sNext{ left:auto; right:5px;  }
.tgkj_product .sPrev em,.tgkj_product .sNext em{font-size: 48px; }
.tgkj_product .sPrev:hover em,.tgkj_product .sNext:hover em{color: #2cadc0; }
.tgkj_product .parBd {text-align: center;width: 100%;overflow: hidden;}
.tgkj_product .parBd ul li{background: #fff;float:left;overflow:hidden; text-align:center; width: 345px;height: 435px; margin:0 27px;box-sizing: border-box;margin-bottom: 20px;}
.tgkj_product .parBd ul li .pic{ text-align:center;padding: 20px;}
.tgkj_product .parBd ul li .pic img{ width:100%; display:block; }
.tgkj_product .parBd ul li .pic a:hover img{ border-color:#999;  }
.tgkj_product .parBd ul li .title{ font-size: 20px;line-height: 3;position: relative;padding: 15px 0 15px 0;font-weight: bold;display: block;width: 100%;}
.tgkj_product .parBd ul li .title a{display: block;}
.tgkj_product .parBd ul li .title::before{content: '';width: 15px;height: 3px;background: #2cadc0;display: inline-block;position: absolute;top: 10px;left: 50%;transform: translateX(-50%);}
.tgkj_product .parBd ul li:hover .title{background: #2cadc0;}
.tgkj_product .parBd ul li:hover .title a{color: #fff;}
.tgkj_product .parBd ul li:hover .title::before{background: #fff;}
/* tgkj_solution */
.tgkj_solution{position: relative;padding:40px 0 0;box-sizing: border-box;margin-bottom: 40px;}
.tgkj_solution .content{padding-top: 20px;}
.tgkj_solution .hd{width: 380px;position: relative;box-sizing: border-box;padding: 0 0;text-align: center;height: 410px;}
.tgkj_solution .hd img{position: relative;z-index: 2;}
.tgkj_solution .hd ul{width: 100%;padding: 20px 0;position: relative;z-index: 3;padding-top: 40px;}
.tgkj_solution .hd ul li{border: 1px solid #efefef; width: 48%; float: left;margin-right: 4%;box-sizing: border-box;line-height: 40px;margin-bottom: 20px;}
.tgkj_solution .hd ul li:nth-child(2n+0){margin-right: 0;}
.tgkj_solution .hd ul li a{font-size: 15px;}
.tgkj_solution .hd ul li.on {background: #2cadc0;}
.tgkj_solution .hd ul li.on a{color: #fff;}
.tgkj_solution .hd .mores{position: absolute;bottom: 0;width: 100%;background: #2cadc0;color: #fff;line-height: 3;font-size: 16px;left: 0;}
.tgkj_solution .list_item {text-align: center;width: calc(100% - 420px);overflow: hidden;position: relative;padding-top:30px;}
.tgkj_solution .list_item img{width: 100%;}
.tgkj_solution .list_item dl{position: absolute;right: 20px;top: 60px;background: rgba(44, 173, 192, .9);width: 375px;height: 320px;box-sizing: border-box;padding: 20px 30px;text-align: left;color: #fff;}
.tgkj_solution .list_item dl dt{font-size: 24px;line-height: 2;font-weight: bold;}
.tgkj_solution .list_item dl dd{font-size: 15px;line-height: 2;}
.tgkj_solution .list_item a.next,.tgkj_solution .list_item a.prev{position: absolute;right: 30px;top: 20px;cursor: pointer;}
.tgkj_solution .list_item a.next em,.tgkj_solution .list_item a.prev em{font-size: 40px;color: #fff;}
.tgkj_solution .list_item a.prev{right: 70px;}

.tgkj_ad{background: url(../images/ad_bg.jpg) center; height: 215px;}
.tgkj_ad .content{padding-left:130px;box-sizing: border-box;padding-top: 55px;}
.tgkj_ad .content p{color: #fff;}
.tgkj_ad .content p em{font-size: 60px;font-style: normal;}
.tgkj_ad .content p {font-size: 38px;font-style: normal;}
.tgkj_ad .content p:nth-of-type(2){font-size: 30px;line-height: 2;}
.tgkj_ad .content .mor{display: inline-block;padding: 0 30px;color: #fff;font-size: 16px;line-height: 55px;position: relative;margin-top: 30px;}
.tgkj_ad .content .mor::before{content: '';background: #2cadc0;width: 100%;height: 55px;display: inline-block;position: absolute;top: 0;left: 0;transform: skewX(-30deg);box-shadow: 5px 5px 0 rgba(255, 255, 255, 0.2);}
.tgkj_ad .content .mor span{display: inline-block;position: relative;z-index: 2;font-size: 18px;font-weight: bold;}
.tgkj_ad .content .mor em{font-size: 40px;float: left;padding-right: 10px;line-height: 55px;font-weight: normal;}

/* tgkj_about */
.tgkj_about{box-sizing: border-box;padding-bottom: 150px;text-align: center;position: relative;border-bottom: 3px solid #2cadc0;padding-top: 50px;}
.tgkj_about .fl{width: 680px;text-align: left;}
.tgkj_about .fl p{width: 90%;font-size: 15px;line-height: 2.5;text-align: left;text-indent: 30px;}
.tgkj_about .fl p:nth-of-type(1){margin-top: 30px;}
.tgkj_about .fl p:nth-of-type(3){margin-bottom: 40px;}
.tgkj_about .fl a.more{padding: 8px 50px;background: #2cadc0;color: #fff;}
.tgkj_about .fr{width: 520px;position: relative;z-index: 2;overflow: hidden;}
.tgkj_about .fr img{width: 100%;}
.tgkj_about .waves {position:absolute;bottom:0;height: 400px;width: 100%;z-index: 1;}
.tgkj_about_pic{overflow: hidden;margin-top: 30px;padding-bottom: 30px;}
.tgkj_about_pic .parBd{position: relative;width: 100%;float: left; z-index: 2;}
.tgkj_about_pic .parBd ul{ padding:0;  zoom:1; position: relative;height: 100%;}
.tgkj_about_pic .parBd{ padding:10px 0;}
.tgkj_about_pic .parBd ul{ overflow:hidden; zoom:1; }
.tgkj_about_pic .parBd ul li{ margin:0 7px; float:left; overflow:hidden; text-align:center;  }
.tgkj_about_pic .parBd ul li .pic{ text-align:center; border:1px solid #e5e5e5;}
.tgkj_about_pic .parBd ul li .pic img{ width:284px;height: 220px;}
.tgkj_about_pic .parBd ul li .pic a:hover img{ border-color:#999;  }
.tgkj_about_pic .parBd ul li .tit{ line-height:2.5;font-size: 15px;color: #000;   }
.tgkj_about_pic .parHd{border-bottom: 1px solid #efefef;height: 40px;margin-bottom: 20px;}
.tgkj_about_pic .parHd li{float: left;position: relative;height: 40px;margin-right: 25px;}
.tgkj_about_pic .parHd li em{font-size: 26px;color: #000;margin-right: 10px;}
.tgkj_about_pic .parHd li a{font-size: 18px;color: #333;font-weight: bold;}
.tgkj_about_pic .parHd li.on::before{content: '';width: 30px;height: 3px;background: #2cadc0;position: absolute;left: 0;bottom: -1px;}


/* news */
.tgkj_news {box-sizing: border-box;background: url(../images/new_bg.jpg) no-repeat center center;height: 750px;box-sizing: border-box;padding-top: 50px;}
.tgkj_news .news_l{width: 900px;margin-top: 20px;position: relative;}
.tgkj_news .news_l .hd{border-bottom: 1px solid #efefef;height: 40px;margin-bottom: 20px;}
.tgkj_news .news_l .hd li{float: left;position: relative;height: 40px;margin-right: 25px;}
.tgkj_news .news_l .hd li em{font-size: 26px;color: #000;margin-right: 10px;}
.tgkj_news .news_l .hd li a{font-size: 18px;color: #333;font-weight: bold;}
.tgkj_news .news_l .hd li.on::before{content: '';width: 30px;height: 3px;background: #2cadc0;position: absolute;left: 0;bottom: -1px;}
.tgkj_news .news_l .bd a.more_t{top: -30px;}

.tgkj_news .news_l .list_pics{width: 385px;background: #fff;padding-bottom: 30px;height: 400px;float: left;position: relative;}
.tgkj_news .news_l .list_pics .pic{width: 100%;padding-top: 50%;height: 100%/2;position: relative;overflow: hidden;}
.tgkj_news .news_l .list_pics .pic img{position: absolute;top: 0;left: 0;}
.tgkj_news .news_l .list_pics .t{font-size: 18px;font-weight: bold;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;padding:15px 20px;}
.tgkj_news .news_l .list_pics .des{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;padding: 0 25px;font-size: 14px;line-height: 2.2;margin-bottom: 30px;color: #666;}
.tgkj_news .news_l .list_pics .mores{padding: 8px 40px ;background: #2cadc0;color: #fff;margin-left: 20px;position: absolute;bottom: 20px;}
.tgkj_news .news_l .list_item{width: 450px;float: right;}
.tgkj_news .divdgweb_new_div, .tgkj_news .news_div { padding: 0px 10px; height: 400px; font-weight: normal; }

.tgkj_news .news_div_item, .tgkj_news .divdgweb_new_div_item { position: relative; padding: 15px 0; height: 40px; overflow: hidden; transition: 0.3s all ease; border-bottom: 1px solid #f5f5f5; }
.tgkj_news .divdgweb_new_div_item_date, .tgkj_news .news_div_item_date { position: absolute; right: 20px; top: 17px; transition: 0.3s all ease; }
.tgkj_news .divdgweb_new_div_item_date > div, .tgkj_news .news_div_item_date > div{ display: inline-block; color: #787878; font-size: 12px; font-family: 'arial'; }
.tgkj_news .news_div_item_title, .tgkj_news .divdgweb_new_div_item_title{ position: relative; }

.tgkj_news .news_div_item_year:after, .tgkj_news .news_div_item_year::after, .tgkj_news .divdgweb_new_div_item_year:after, .tgkj_news .divdgweb_new_div_item_year::after{ content: '-'; }
.tgkj_news .on .news_div_item_year:after, .tgkj_news .on .divdgweb_new_div_item_year:after,{ content: ''; }
.tgkj_news .news_div_item_title:after, .tgkj_news .divdgweb_new_div_item_title:after{ content: ''; background: #333; width: 4px; height: 4px; position: absolute; left: 10px; top: 19px; }
.tgkj_news .on .news_div_item_title:after, .tgkj_news .on .divdgweb_new_div_item_title:after{ content: ''; display: none; }
.tgkj_news .news_div_item_title .news_div_item_a, .tgkj_news .divdgweb_new_div_item_title .divdgweb_new_div_item_a { font-size: 15px; color: #444; padding-left: 26px; display: block; line-height: 40px; width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: 0.3s all ease; }
.tgkj_news .news_div_item_pic, .tgkj_news .news_div_item_body, .tgkj_news .divdgweb_new_div_item_body{ transition: 0.3s all ease; }
.tgkj_news .news_div_item_pic { padding-top: 15px; padding-left: 15px; }
.tgkj_news .news_div_item_pic a, .tgkj_news .news_div_item_pic a img { display: block; width: 150px; height: 113px; }
.tgkj_news .news_div_item.on, .tgkj_news .divdgweb_new_div_item.on{ height: 128px; border-bottom: 1px dotted #ccc; padding: 0 0 20px; background: #f5f5f5}
.tgkj_news .news_div_item_body, .tgkj_news .divdgweb_new_div_item_body { line-height: 24px; color: #767676; font-size: 13px; width: 252px; text-align: justify; position: absolute; right: 20px; top: 85px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; }
.tgkj_news .on .divdgweb_new_div_item_date, .tgkj_news .on .news_div_item_date { top: 10px; right: 210px; }
.tgkj_news .on .news_div_item_title .news_div_item_a, .tgkj_news .on .divdgweb_new_div_item_title .divdgweb_new_div_item_a { position: absolute; left: 150px; top: 53px; width: 245px; }
.tgkj_news .on .divdgweb_new_div_item_date > div, .tgkj_news .on .news_div_item_date > div { font-weight: bold; color: #333; font-size: 24px; line-height: 30px; }
.tgkj_news .on .divdgweb_new_div_item_date > .divdgweb_new_div_item_year, .tgkj_news .on .news_div_item_date > .news_div_item_year{ font-size: 12px; display: block; font-weight: 100; line-height: 20px; text-indent: 1px; }
.tgkj_news .on .news_div_item_date > .news_div_item_year:after,.tgkj_news .on .divdgweb_new_div_item_date > .divdgweb_new_div_item_year:after{ content: ''; }


.tgkj_news .news_r{width: 320px;}
.tgkj_news .news_r .n_t {position: relative;height: 40px;border-bottom: 1px solid #efefef;height: 40px;margin-bottom: 20px;margin-top: 20px;}
.tgkj_news .news_r .n_t  em{font-size: 26px;color: #000;margin-right: 10px;}
.tgkj_news .news_r .n_t  a{font-size: 18px;color: #333;font-weight: bold;}
.tgkj_news .news_r .n_t::before{content: '';width: 30px;height: 3px;background: #2cadc0;position: absolute;left: 0;bottom: -1px;}
.tgkj_news a.more_t{font-size: 12px !important;font-weight: normal !important;color: #999;border: 1px solid #999;border-radius: 5px;padding: 0 5px;position: absolute;right: 0;top: 10px;text-transform: uppercase;}
.tgkj_news a.more_t span{font-family: 'KAITI';}
.tgkj_news a.more_t:hover{background: #2cadc0;color: #fff;border-color: #2cadc0;}
.tgkj_news .news_r ul li{border-bottom: 1px dashed #efefef;padding-bottom: 13px;padding-top: 13px;}
.tgkj_news .news_r ul dt{padding-left: 35px;position: relative;line-height: 25px;font-weight: bold;font-size: 15px;margin-bottom: 5px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;color: #333;}
.tgkj_news .news_r ul dt::before{content: 'Q';width: 25px;height: 25px;display: inline-block;background: #3e4753;position: absolute;left: 0;color: #fff;font-size: 16px;font-weight: bold;text-align: center;line-height: 25px;}
.tgkj_news .news_r ul dd{padding-left: 35px;position: relative;font-size: 14px;line-height: 1.8;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.tgkj_news .news_r ul dd::before{content: 'A';width: 25px;height: 25px;display: inline-block;background: #2cadc0;position: absolute;left: 0;color: #fff;font-size: 16px;font-weight: bold;text-align: center;line-height: 25px;}

